<template>
<div class="home">
    <!-- 轮播图 -->
    <div class="banner" id="brasdcast">
        <Broadcast></Broadcast>
    </div>
    <!-- 项目概括 -->
    <div class="genera" id="genera">
        <Generalization></Generalization>
    </div>
    <!-- 出租房源 -->
    <div class="houser">
        <HouserView></HouserView>
    </div>
    <!-- 入驻企业 -->
    <div class="settled" id="settled">
        <SettledInView></SettledInView>
    </div>
    <!-- 地址 -->
    <div class="address" id="address">
        <AddressView></AddressView>
    </div>
</div>
</template>

<script>
var $this = null;
import Broadcast from '@/pages/home/list/BroadcastView'
import Generalization from '@/pages/home/list/Generalization'
import HouserView from '@/pages/home/list/HouserView'
import SettledInView from '@/pages/home/list/SettledInView'
import AddressView from '@/pages/home/list/AddressView'
export default {
    data() {
        return {
        
        }
    },
    mounted() {
    },
    components: {
        Broadcast,
        Generalization,
        HouserView,
        SettledInView,
        AddressView
    }
}
</script>

<style lang="less">
.home {
    width: 100%;

    .banner {
        width: 100%;
        height: 730px;
    }

    .houser {
        width: 100%;
        height: 100%;
        background: url(../../assets/bg.png) no-repeat;
        background-size: cover;
        margin-top: 56px;
    }

    .settled {
        width: 100%;
        height: 400px;
        background: url(../../assets/bg_company.png) no-repeat;
        background-size: cover;
    }
}
</style>
